<!-- 一个节点  包含 面板 + 连线 -->
<template>
    <div class="flow-start-node">
        <!-- <Panel :data = "nodeData" :backgroundImage="backgroundImage">
           
        </Panel>
        <Line :nodeId="nodeData.nodeId" :readonly="readonly"></Line> -->
        <Node :nodeData="nodeData" :readonly="readonly" :backgroundImage="backgroundImage"> 

        </Node>
    </div>
</template>

<script setup>
import {defineProps,ref} from  'vue'
import Node from './node.vue';
defineProps({
    nodeData:{},
    bodyClass:{
        type: String,
        default: ''
    },
    readonly: {
        type: Boolean,
        default:false,
    }
})

const backgroundImage = ref("linear-gradient(to right, #606c88 0%, #3f4c6b  51%, #606c88  100%)")

</script>

<style  scoped>
   .flow-start-node{
        margin-top: 35px;
        justify-content: center;
        display: grid;
   }
</style>